import React from "react";
import "./Hero.css";
import axios from "axios";
import { useEffect } from "react";
import { useState } from "react";
import Search from "./Search";
import HeroList from "./HeroList";
import KeepAlive from "react-activation";

export default function Hero() {
  return (
    <div className="root">
      <KeepAlive>
        <div className="hero-container">
          <h2>英雄列表</h2>
          <hr />
          <Search />
          <div className="clearfix"></div>
          <hr />
          <HeroList />
        </div>
      </KeepAlive>
    </div>
  );
}
